﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style/style.css" rel="stylesheet" type="text/css" />
<title>PEMEX</title>
<meta name="description" content="" />
<meta name="keywords" content="" />

<script type="text/javascript" src="scripts/1.js" language="javascript"></script>

  
  

<link href="style/gformCss.css" rel="stylesheet" type="text/css">
<link type="text/css" rel="stylesheet" href="style/pastel.css">
<style type="text/css">
    .form-label{
        width:150px !important;
    }
    .form-label-left{
        width:150px !important;
    }
    .form-line{
        padding:10px;
    }
    .form-label-right{
        width:150px !important;
    }
 

    .form-all{
        margin:0px auto;
        padding-top:0px;
        width:800px;
        background:url("images/noise.png") repeat scroll 0% 0% rgb(207, 204, 200);
        color:rgb(82, 75, 58) !important;
        font-family:Tahoma;
        font-size:13px;
    }
#apDiv1 {
	position:absolute;
	left:145px;
	top:316px;
	width:529px;
	height:30px;
	z-index:1;
}
#apDiv2 {
	position:absolute;
	left:239px;
	top:241px;
	width:518px;
	height:51px;
	z-index:2;
}
#apDiv3 {
	position:absolute;
	left:584px;
	top:217px;
	width:575px;
	height:34px;
	visibility: visible;
}
#apDiv4 {
	position:absolute;
	left:763px;
	top:152px;
	width:199px;
	height:178px;
}
body {
	background-image: url(images/body_bg1.png);
	background-repeat: repeat-x;
}
</style>

  
  
  
</head>

<body onload="MM_preloadImages('images/tab_webdesign_over.png','images/butt_viewweb_over.png','images/testimonialbutton_index_over.jpg','images/button_seepackages_over.jpg','images/nav_home_over.png','images/nav_about_over.png','images/nav_services_over.png','images/nav_portfolio_over.png')">
<div id="top_bg">
  <div class="container">
    <div id="logo"><img src="images/nybbletech_logo.png" alt="" width="450" height="55" /></div>
    <div id="nav"> <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image13','','images/nav_home_over.png',1)"><img src="images/nav_home.png" name="Image13" alt="" width="50" height="30" border="0" id="Image13" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image14','','images/nav_about_over.png',1)"><img src="images/nav_about.png" name="Image14" alt="" width="120" height="30" border="0" id="Image14" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image15','','images/nav_services_over.png',1)"><img src="images/nav_services.png" name="Image15" alt="" width="100" height="30" border="0" id="Image15" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image20','','images/nav_portfolio_over.png',1)"><img src="images/nav_portfolio.png" name="Image20" alt="" width="69" height="30" border="0" id="Image20" /></a></div>
      <!--nav end here -->
        <div class="clear"></div>
  </div><!--topbg close here -->
</div><!--container end here -->
    
<div id="header">
  <div class="flash_container">
    <div align="right" ><div id="left_footer"><br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <table width="100%" border="0" cellspacing="5" cellpadding="0">
        <tr>
          <td width="25%">Usuario</td>
          <td colspan="2"><input class="form-textbox" id="input_" name="input_" size="20" type="text" /></td>
        </tr>
        <tr>
          <td>Contraseña</td>
          <td colspan="2"><input class="form-textbox" id="input_2" name="input_2" size="20" type="text" /></td>
        </tr>
        <tr>
          <td>&nbsp;</td>
          <td width="25%">&nbsp;</td>
          <td width="50%"><button id="input_18" type="submit" class="form-submit-button">
              Enviar
            </button></td>
        </tr>
      </table>
    </div></div>
  </div>
</div>
    
 <div id="body_bg">
   	  <div class="container">
   	    <div id="body_bg">
    	<div class="container">
    	<div id="sub_cont">
    	  <div class="sub_text_area">
    	    <iframe class="framed2" src="web_design_default.html" name="_frame1" scrolling="no" frameborder="0"></iframe>
          </div>
              
                 <div class="partner_sep"><img src="images/partner/testimonial_spearator.png" alt="" /></div>
          
                 <div class="clear"></div>
          
       </div>   
                
            
            	
        </div>
    	<!--left cont ende here -->
       
        </div>
        	
            
   	  	  <div class="clear"></div>
   </div>  
        <div class="clear"></div>
</div>
    <div id="body_bg">
   	  <div class="container">
   	    <div id="service_heading">
       	  <p><img src="images/heading_services.png" alt="" width="350" height="50" style="padding-bottom:10px;" />
   	        <br />
   	      </p>
       	  <div class="portfolio_work1">           	<img src="images/portfoliopage_logoidentities.png" alt="" width="420" height="200" /></div>
                
  <div class="portfolio_work3">       	<img src="images/portfoliopage_webdevelopment.png" alt="" width="420" height="200" />                </div>
                
          <div class="clear"></div>
        </div>
        	
            
  	    <div class="clear"></div>
               <div class="partner_sep"><img src="images/partner/testimonial_spearator.png" alt="" /></div>
          
         <div class="clear"></div>
          
      </div>  
        <div class="clear"></div>
</div>
<div class="container">
    <div class="return_button">
    	
   	  <a href="index_modificado1.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image11','','images/portfoliobutton_back_over.jpg',1)"><img src="images/portfoliobutton_back.jpg" alt="Return Portfolio" name="Image11" width="199" height="35" border="0" id="Image11" /></a>    </div>
</div>
    
    
    <div id="footer_bg_portfolio">
    	<div id="footer_img">
    	  <div id="rite_cont"> <img src="images/promotion.png" alt="Promotion" width="281" height="297" border="0" usemap="#Map" />
              <map name="Map" id="Map">
                <area shape="rect" coords="36,37,95,73" href="packages.html"  alt=""/>
            </map>
  	    </div>
    	  <!--left footer end here -->
            
            
            
            
            <div id="rite_footer">
            <div >
              <div align="center"><img src="images/link_importantes.png" width="148" height="67" /> </div>
            </div>
              
            <div align="center">LINK IMPORTANTES</div>
          </div>
       	  <div class="clear"></div>
          
          <div id="footer_text">
          <p>PEMEX Exploración y Producción.</p>
          <p>&copy; Copyright 2011 PEMEX. All Rights Reserved.&nbsp;&nbsp;&nbsp;Privacy Policy &nbsp;|&nbsp; Valid CSS / XHTML</p>
          </div>
      </div><!--footer img div end here -->
    </div>
    
    


</body>
</html>
